
// 引入createApp用于创建应用
import { createApp } from 'vue'
// 引入App根组件
import App from './App.vue'
// 第一步 - 引入pinia
import { createPinia } from 'pinia'
import router from './router/index.js'
// 注册全局组件
import hello from './pages/hello.vue'

// 创建一个应用
const app = createApp(App)
// 第二步 - 创建pinia
const pinia = createPinia()
// 第三步 - 安装pinia
app.use(pinia)
// 使用路由
app.use(router)
// 组件挂载到全局
app.component('hello',hello)
// 注册能够被应用内所有组件实例访问到的全局属性的对象
app.config.globalProperties.numData = 178
declare module 'vue' {
    interface ComponentCustomProperties {
        numData: number
    }
}
// （可以获取传递的值-在页面中使用 以下示例为例  v-beauty="data" 该data就是传递的值  也可直接使用不传值 v-beauty）
app.directive('beauty',(element,{value})=> {
    // element.innerText += value  （可以获取传递的值-在页面中使用  v-beauty="data" 该data就是传递的值）
    element.style.color = '#ffffff'
    element.style.background = '#000000'
})
// 挂载整个应用到app容器中
app.mount('#app')